
// These are the class/styles used by various objects in GanttChart.  However, Firefox has problems deciphering class style when DIVs are embedded in other DIVs.

// GanttChart makes heavy use of embedded DIVS, thus the style are often embedded directly in the objects html.  If this could be resolved with Firefox, it would

// make alot of the code look simpleer/cleaner without all the embedded styles


body{ font-size:10px; color:#000; font-family:Arial, Helvetica, sans-serif}
.gantt { font-family:arial, tahoma, verdana, sans-serif; font-size:11px;}

.gdatehead { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; HEIGHT: 18px;}

.ghead { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #efefef 1px solid; WIDTH: 24px; HEIGHT: 20px; color:#000;}

.gname { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 11px; WIDTH: 18px; HEIGHT: 18px; font-family:Arial }

.ghead A { FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none }

.gheadwkend A { FONT-SIZE: 10px; COLOR: #000000; TEXT-DECORATION: none }

.gheadwkend { BORDER-TOP: #efefef 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #efefef 1px solid; WIDTH: 24px; HEIGHT: 20px; background-color: #cfcfcf }

.gfiller { BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gfillerwkend { BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px; BACKGROUND-COLOR: #cfcfcf }

.gitem { BORDER-TOP: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gitemwkend { BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px }

.gmilestone {	BORDER-TOP: #efefef 1px solid; FONT-SIZE: 14px; OVERFLOW: hidden; BORDER-LEFT: #efefef 1px solid; WIDTH: 18px; HEIGHT: 18px}

.gmilestonewkend {	BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #cccccc 1px solid; WIDTH: 18px; HEIGHT: 18px}

.btnGantt { BORDER-RIGHT: #ffffff; BORDER-TOP: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #ffffff; WIDTH: 12px; COLOR: #cccccc; BORDER-BOTTOM: #ffffff; BACKGROUND-COLOR: #ffffff }

.hrcomplete { BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000000 2px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #000000 2px solid; WIDTH: 20px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 2px solid; HEIGHT: 4px }

.hrhalfcomplete { BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; WIDTH: 9px; COLOR: #000000; BORDER-BOTTOM: #000000 2px solid; HEIGHT: 4px }

.gweekend { font-family:arial, tahoma, verdana, sans-serif; font-size:11px; background-color:#EEEEEE; text-align:center; }

.gtask { font-family:arial, tahoma, verdana, sans-serif; font-size:11px; background-color:#00FF00; text-align:center; }

.gday { font-family:arial, tahoma, verdana, sans-serif; font-size:11px; text-align:center; }

.gcomplete { background-color:black; height:5px; overflow: auto; margin-top:4px; }

DIV.scroll { BORDER-RIGHT: #efefef 1px solid;BORDER-TOP: #efefef 1px solid; padding:0px;margin:0px; OVERFLOW: hidden; BORDER-LEFT: #efefef 1px solid; WIDTH: 415px; BORDER-BOTTOM: #efefef 1px solid; BACKGROUND-COLOR: #ffffff }

DIV.scroll2 { position:relative; PADDING-RIGHT: 0px; overflow:auto ;overflow-x:scroll;overflow-y:hidden; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 482px; PADDING-TOP: 0px; BACKGROUND-COLOR: #ffffff ; float: right}


/* estilos para customizar las tablas de los estados */

*{padding:0px; margin:0px}
.TablaAvailableResources_fdo1{border-bottom:1px solid #ffffff; padding: 5px 0 5px 0; background-color:#f0f0f0;*padding:15px 0 15px 0}
.TablaAvailableResources_fdo2{ background-color:#f0f0f0;padding:5px; border-bottom:1px solid #ffffff}
.TablaAvailableResources_fdo3{ padding:5px; background-color:#f0f0f0;*padding-bottom:5px}

.TablaAvailableResources_fdo4{border-bottom:1px solid #fff; padding: 5px 0 5px 0; background-color:#fff;*padding:15px 0 15px 0}
.TablaAvailableResources_fdo5{ background-color:#fff;padding:5px; border-bottom:1px solid #fff}
.TablaAvailableResources_fdo6{ padding:5px; background-color:#fff;*padding-bottom:5px}


.TablaAvailableResourcesSeparador{padding:4px;*padding:2px}
.TablaAvailableResourcesSeparador2{padding:2px;*padding:1px}
.TablaTitulo{border-bottom:1px solid #ffffff; padding: 5px 0 5px 0; background-color:#fff;*padding:15px 0 15px 0; font-size:12px; padding-left:5px; font-family:Arial, Helvetica, sans-serif;font-weight:bold; color:#000;}
.Dates{padding-left:5px;font-family:Arial,sans-serif; font-size:11px; color:#000000}
.WidthDate{width:80px; background-color:#fff}

.ShowTentatives{background-color:#ffffff; border: 1px solid #a39999; *height:0.1em;*font-size:2px;*margin-top:5px}
.ShowTentativesAdjust{font-weight:bold;position:relative;margin-right:-2px;*margin-top:-5px;*display:block; *float:right;*margin-right:1px}

.NoAsignado{ background-color:#fb9292; border:1px solid #dc3c3c; *height:0.1em;*font-size:2px;*margin-top:5px;}
.NoAsignadoAdjust{font-weight:bold;position:relative; margin-right:-5px; *margin-top:-5px;*margin-left:10px;*display:block; *float:right;*margin-right:1px}

.AsignadoCliente{background-color:#e2f3bf; border:1px solid #a4b386; *height:0.1em;*font-size:2px;*margin-top:5px}
.AsignadoClienteAdjust{margin-right:-2px; font-weight:bold;position:relative; *margin-top:-5px;*display:block; *float:right;*margin-right:1px }

.Add-onAvailable{background-color:#d8f6f5;border: 1px solid #61c0bd; *height:0.1em;*font-size:2px;*margin-top:5px}
.Add-onAvailableAdjust{margin-right:-1px; font-weight:bold;position:relative;*margin-top:-5px;*display:block; *float:right;*margin-right:1px}


.Add-onNotAvailable{background-color:#f5d1ad;border: 1px solid #ea8d30; *height:0.1em;*font-size:2px;*margin-top:5px} 	
.Add-onNotAvailableAdjust{color:#ffffff; font-weight:bold;position:relative;*margin-top:-5px;*display:block; *float:right }




.Interno{background-color:#bedaf5; border:1px solid #7da3c7; *height:0.1em;*font-size:2px;*margin-top:5px}
.InternoAdjust{margin-right:-8px; font-weight:bold;position:relative;*margin-top:-5px;*display:block; *float:right;*margin-right:1px}




.TimeOff{background-color:#ebe5e5;border:1px solid #a39999; *height:0.1em;*font-size:2px;*margin-top:5px}
.TimeOffAdjust{margin-right:-7px; font-weight:bold;position:relative; *margin-top:-5px;*display:block; *float:right;*margin-right:1px}


.Todos{background-color:#ffffff; border:1px solid #a39999; *height:0.1em;*font-size:2px;*margin-top:5px;*margin-bottom:26px}
.TodosAdjust{margin-right:-8px; font-weight:bold;position:relative; *margin-top:-5px;*display:block; *float:right;*margin-right:1px;}

.ElegibleAdjust{float: left; margin-right:10px;*margin-top:-4px; *display:block}


.Vacio{background-color:#f0f0f0;padding-bottom:18px}

.Roles{border:1px solid #eae1ab; padding:3px;background-color:#faf7e6;*margin-top:5px}
.RolesAdjust{*margin-left:10px; border:1px solid #eae1ab; font-size:10px; *margin-top:-5px;*display:block; *float:right;*margin-right:1px; *font-size:11px; *color:#000; *border:none; *width:90%; *text-align:left; *margin-right:15px}

.TextoDestacado{font-family:Arial,sans-serif; font-size:12px; padding:10px 0 15px 5px; color:#4e4e4e}


.label{color:#000000;float:left;display: block}
.arreglotop{*padding-top:5px}
.arregloleft{*padding-left:5px}
